<#include "../head.html"/>
	<div class="layui-layout layui-layout-admin">
		<div class="layui-header">
			<div class="layui-logo">管理中心</div>
			<!-- 头部区域（可配合layui已有的水平导航） -->
			<ul class="layui-nav layui-layout-left">
				<li class="layui-nav-item"><a href="">控制台</a></li>
				<li class="layui-nav-item"><a href="">商品管理</a></li>
				<li class="layui-nav-item"><a href="">用户</a></li>
				<li class="layui-nav-item"><a href="javascript:;">其它系统</a>
					<dl class="layui-nav-child">
						<dd>
							<a href="">邮件管理</a>
						</dd>
						<dd>
							<a href="">消息管理</a>
						</dd>
						<dd>
							<a href="">授权管理</a>
						</dd>
					</dl></li>
			</ul>
			<ul class="layui-nav layui-layout-right">
				<li class="layui-nav-item"><a href="javascript:;"> <img
						src="http://t.cn/RCzsdCq" class="layui-nav-img"> 贤心
				</a>
					<dl class="layui-nav-child">
						<dd>
							<a href="">基本资料</a>
						</dd>
						<dd>
							<a href="">安全设置</a>
						</dd>
					</dl></li>
				<li class="layui-nav-item"><a href="">退了</a></li>
			</ul>
		</div>

		<#include "../left.html"/>

		<div class="layui-body">
			<!-- 内容主体区域 -->
			<div style="padding: 15px;">
				<script type="text/html" id="barDemo">
  					<a class="layui-btn layui-btn-sm" id="addBtn" >添加</a>
				</script>
				<table class="layui-hidden" id="treeTable" lay-filter="treeTable"></table>
			</div>
		</div>

		<#include "../footer.html"/>
	</div>
	<script src="/statics/layui/layui.js"></script>
	<script>
		//JavaScript代码区域
		var editObj=null,ptable=null,treeGrid=null,tableId='treeTable',layer=null;
	    layui.config({
	        base: '/statics/layui/extend/'
	    }).extend({
	        treeGrid:'treeGrid'
	    }).use(['jquery','treeGrid','layer'], function(){
	        var $=layui.jquery;
	        treeGrid = layui.treeGrid;//很重要
	        layer=layui.layer;
	        ptable=treeGrid.render({
	            id:tableId
	            ,elem: '#'+tableId
	            ,idField:'id'
	            ,url:'/resource/list.jhtml'
	            ,cellMinWidth: 100
	            ,treeId:'id'//树形id字段名称
	            ,treeUpId:'pid'//树形父id字段名称
	            ,treeShowName:'name'//以树形式显示的字段
	            ,toolbar: '#barDemo'
	            ,iconOpen:false//是否显示图标【默认显示】
	            ,cols: [[
	                {field:'name', edit:'text',width:300, title: '菜单名称'}
	                ,{field:'id',width:100, title: 'id'}
	                ,{field:'pid', title: 'pid'}
	                ,{width:130,title: '操作', align:'center'/*toolbar: '#barDemo'*/
	                    ,templet: function(d){
	                    var html='';
	                    var addBtn='<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">修改</a>';
	                    var delBtn='<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>';
	                    return addBtn+delBtn;
	                }
	                }
	            ]]
	            ,page:false
	        });

	        treeGrid.on('tool('+tableId+')',function (obj) {
	            if(obj.event === 'del'){//删除行
	                del(obj.data.id);
	            }else if(obj.event==="edit"){//添加行
	            	edit(obj.data.id);
	            }
	        });
	        
	        
	        $("#addBtn").click(function(){
	        	add();
	        });
	    });

	    function del(id) {
	        layer.confirm("你确定删除数据吗？如果存在下级节点则一并删除，此操作不能撤销！", {icon: 3, title:'提示'},
	            function(index){//确定回调
		        	$.ajax({
		    			type:"post",
		    			url : "/resource/doDeleteRole",
		    			data : {id:id},
		    			dataType:"json",
		    			success : function(data) {
		    				if(data.state==0){
		    					layer.alert(
		    							data.message,
		    							{
		    								icon: 1,    // icon
		    								yes:function(){
		    									location.reload();
		    								}
		    								
		    							}
		    					);
		    				}else{
		    					alert(data.message)					
		    				}
		    			}
		    		});
	            },function (index) {//取消回调
	               layer.close(index);
	            }
	        );
	    }


	    var i=1000;
	    //添加
	    function edit(id) {
	    	layer.open({
	    		  type: 2, 
	    		  area: ['500px', '450px'],
	    		  content: '/resource/edit.jhtml?id='+id //这里content是一个URL，如果你不想让iframe出现滚动条，你还可以content: ['http://sentsin.com', 'no']
	    	
	    		}); 
	    }
	    
	    function add() {
	    	layer.open({
	    		  type: 2, 
	    		  area: ['500px', '450px'],
	    		  content: '/resource/add.jhtml' //这里content是一个URL，如果你不想让iframe出现滚动条，你还可以content: ['http://sentsin.com', 'no']
	    		}); 
	    }

	    function print() {
	        console.log(treeGrid.cache[tableId]);
	        var loadIndex=layer.msg("对象已打印，按F12，在控制台查看！", {
	            time:3000
	            ,offset: 'auto'//顶部
	            ,shade: 0
	        });
	    }
		
	</script>
</body>
</html>